<script>
export default {
  render(h) {
    return (
      <h1 class={{ success: this.type === 'success', error: this.type === 'error' }}>{this.text}</h1>
    )
  },
  methods: {
    clickHandle() {
      alert(123123)
    }
  },
  props: {
    type: {
      type: String,
      default: 'default'
    },
    text: {
      type: String,
      default: 'default'
    }
  }
}
</script>
<style lang="less">
.success {
  color: green;
}
.warm {
  color: orange;
}
.error {
  color: red;
}
.default {
  color: aquamarine;
}
</style>
